@charset "UTF-8";

/* 全局字体设置 */
html {
    font-family: -apple-system-font, "Helvetica Neue",  sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: calc(375px / 750 * 100);
}

/* rem适配 */
@media screen and (min-width: 320px) {
    html{
        font-size: calc(320px / 750 * 100);
    }
}
@media screen and (min-width: 375px) {
    html{
        font-size: calc(375px / 750 * 100);
    }
}

/* a 标签适配 */
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
    color: #000000;
}


/* 导航 */
.c-nav{
    font: 0.36rem '微软雅黑';
    padding: 0.26rem 0rem;
    color: #ffffff;
    background-color: #cbab75;
    position: relative;
    text-align: center;
}
/* 导航返回按钮 */
.c-nav .c-nav-back{
    width: 0.24rem;
    height: 0.24rem;
    position: absolute;
    top: 50%;
    left: 1em;
    transform-origin: center;
    transform: translateY(-50%) rotate(45deg);
    border: 0.04rem solid #FFFFFF;
    border-top: none;
    border-right: none;
}
.c-nav-right{
    position: absolute;
    top: 50%;
    right: 1em;
    transform-origin: center;
    transform: translateY(-50%);
    font: 0.26rem '微软雅黑';
    color: #fff !important;
}

.c-nav .c-nav-back:active{
    color: #f5f5f5;
}


/* 按钮 */
.c-btn{
    display: block;
    width: 90%;
    margin: 0.3rem auto;
    background-color: #cbab75;
    color: #ffffff !important;
    font: 0.3rem '微软雅黑';
    padding: 0.2rem 0rem;
    text-align: center;
    border-radius: 0.08rem;
}
.c-btn:active{
    background-color: rgba(203,171,117,0.8);
}
.c-btn.danger{
    background-color: #ff3718;
}
.c-btn.danger:active{
    background-color: rgba(255,55,24,0.8);
}

/* 上 1px 边框 */
.c-border-top{
    position: relative;
}
.c-border-top:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #dedede;
    transform-origin: left center;
    transform: scaleY(0.5);
}
@media only screen and (device-pixel-ratio: 2.0) {
    .c-border-top:before{
        transform: scaleY(0.5);
    }
}
@media only screen and (device-pixel-ratio: 3.0) {
    .c-border-top:before{
        transform: scaleY(0.3333);
    }
}

/* 下 1px 边框 */
.c-border-bottom{
    position: relative;
}
.c-border-bottom:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #dedede;
    transform-origin: left center;
    transform: scaleY(0.5);
}
@media only screen and (device-pixel-ratio: 2.0){
    .c-border-bottom:after{
        transform: scaleY(0.5);
    }
}
@media only screen and (device-pixel-ratio: 3.0){
    .c-border-bottom:after{
        transform: scaleY(0.3333);
    }
}

/* input 容器 */
.c-input-wrap{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    background-color: #fff;
    padding: 0.3rem;
}
/* input wrap label & input */
.c-input-wrap .c-label{
    width: 20%;
    flex-shrink: 0;
    font: 0.3rem '微软雅黑';
}
.c-input-wrap .c-input{
    flex: 1;
}
/* 获取验证码 */
.c-input-wrap .c-vcode.text{
    font: 0.12rem '微软雅黑';
    flex-shrink: 0;
}
/* 获取验证码 */
.c-vcode.btn{
    display: block;
    flex-shrink: 0;
    font: 0.24rem '微软雅黑';
    color: #fff;
    background-color: #cbab75;
    text-align: center;
    padding: 0.14rem 0.4rem;
    border-radius: 0.1rem;
    margin-top: -0.2rem;
    margin-bottom: -0.2rem;
}
.c-vcode.btn:active{
    background-color: rgba(203,171,117,0.8);
}

/* input wrap only input */
.c-input-wrap .c-input-item{
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    text-indent: 0.3rem;
}

/* input框内容加密: 当 input 框的 type 不为 password 时，加上次样式可以为内容加密 */
.c-input-security{
    -webkit-text-security:disc;
    text-security:disc;
}

/**
 * 列表项
 * framework
 * .c-cell-wrap
 *      .c-cell
 *          .c-cell-bd
 *          .c-cell-ft
 */
.c-cell-wrap{
    margin-top: 0.2rem;
}

.c-cell{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0.26rem;
    background-color: #fff;
    position: relative;
}
.c-cell:active{
    background-color: #ececec;
}
.c-cell .c-cell-bd{
    flex-shrink: 0;
}
.c-cell .c-cell-bd,.c-cell .c-cell-ft{
    font: 0.3rem '微软雅黑';
}
.c-cell .c-cell-ft{
    padding-right: 0.5rem;
}
/**
 * 选项卡切换
 * 选项卡容器类名 c-tab
 * 选项卡头部容器类名 c-tab-header
 * 选项卡头部项类名 head-item
 * 选项卡头部激活类名 on
 * 选项卡内容区类名 c-tab-content
 * framework
 *      .c-tab
 *          .c-tab-header
 *              .head-item.on
 *              .head-item
 *              .head-item
 *          .c-tab-content
 *          .c-tab-content
 *          .c-tab-content
 * */
.c-tab .c-tab-header{
    position: relative;
    display: flex;
    justify-content: space-evenly;
    background-color: #ffffff;
}

.c-tab .c-tab-header .head-item{
    font: 0.26rem '微软雅黑';
    flex-grow: 1;
    text-align: center;
    padding: 0.2rem 0px;
}

.c-tab .c-tab-header .head-item.on{
    color: #ada28b;
    border-bottom: 0.03rem solid #ada28b;
}

/**
 * 上传文件 input
 * framework
 *      .c-input-file-wrap
 */
.c-input-file-wrap{
    border: 0.01rem solid #999999;
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    position: relative;
}
.c-input-file-wrap:before{
    content: ' ';
    display: block;
    width: 80%;
    height: 0.02rem;
    background-color: #999999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: -5;
}
.c-input-file-wrap:after{
    content: ' ';
    display: block;
    width: 0.02rem;
    height: 80%;
    background-color: #999999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: -10;
}
.c-input-file-wrap input[type=file]{
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
}
.c-input-file-wrap:active{
    border-color: #000000;
}
.c-input-file-wrap:active:before{
    background-color: #000000;
}
.c-input-file-wrap:active:after{
    background-color: #000000;
}

/**
 * 底部导航
 * framework
 *      .c-tabbar
 *           .tab-item
 *               .item-icon
 *               .item-text
 */
.c-tabbar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-evenly;
    background-color: #FFFFFF;
    box-sizing: border-box;
    z-index: 100;
}

.c-tabbar .tab-item{
    display: block;
    flex: 1;
    text-align: center;
}
.c-tabbar .tab-item .item-icon{
    display: block;
    font: 0.6rem '微软雅黑';
    color: #7f8699;
}
.c-tabbar .tab-item .item-text{
    display: block;
    font: 0.26rem '微软雅黑';
    color: #7f8699;
}
.c-tabbar .tab-item.on .item-icon{
    color: #cbab75;
}
.c-tabbar .tab-item.on .item-text{
    color: #cbab75;
}

.c-arrow{
    content: " ";
    display: inline-block;
    height: 0.2rem;
    width: 0.2rem;
    border: 0.01rem #C8C8CD solid;
    position: absolute;
    top: 50%;
    right: 0.4rem;
    transform: translateY(-50%) rotate(45deg);
}
.right{
    border-width: 0.01rem 0.01rem 0 0;
    border-color: #C8C8CD;
}

/* 长按复制 */
.copy{
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
}